import {StarSignInfo} from "../../types.ts";
import Tab from "./Tab.tsx";

interface BottomProps {
    starSignInfo: StarSignInfo
}

function Bottom({starSignInfo}: BottomProps) {
    return (
        <div className="bottom">
            <Tab title="健康指数" content={starSignInfo?.fortune?.health}/>
            <Tab title="贵人星座" content={starSignInfo?.luckyconstellation}/>
            <Tab title="幸运颜色" content={starSignInfo?.luckycolor}/>
            <Tab title="幸运数字" content={starSignInfo?.luckynumber}/>
        </div>
    )
}

export default Bottom;